*{margin:0px; padding:0px;}
#nav{
    position:fixed;
    width:100%;
    height:60px;
    background: grey;
    z-index:9999;

}

#nav input{
    width:80px;
    height:40px;
    background: #eee;
    position:relative;
    top:10px;
}

#nav .button{
    float:right;
}


#div1{
    width:100%;
    height:600px;
    background-image:url(http://www.jq22.com/demo/jQueryMoban201710162217/img/01.jpg);
    background-position:center;
    background-repeat:repeat-y;/*设置平铺*/
    background-size:100%;
    position:absolute;
    top:60px;
}



#div1 h2{
    color:white;
    font-size:32px;
    position:relative;
    top:140px;
    text-align: center;
}

#div1 h2 span{
    color:orangered;
}

#div1 p{
    color:white;
    font-size: 22px;
    position:relative;
    top:140px;
    text-align: center;
}/*第一部分背景结束*/

#div2{
    width:100%;
    height:0px;
    position: relative;
    top:602px;
}

#div2 #img2{
    margin-top:100px;
    margin-left:160px;
    width:530px;
    height:420px;
    float:left;
}

#div2 .about{
    width:500px;
    height:530px;
    margin:100px 40px;
    display:block;
    float:left;
}

#div2 .about .par h5,h2,p,h4{
    color:grey;
}
#div2 span{
    color:orangered;
    font-weight:bold;
}

#div2 .wel{
    width:800px;
    height:600px;
    text-decoration: none;

}

#div2 h2{font-size:30px;}

#div2 .par{
    padding:20px 10px;
    margin-top:20px;
}

#div3{
    background:url(http://www.jq22.com/demo/jQueryMoban201710162217/img/03.jpg);
    background-position:center;
    background-repeat:no-repeat;/*设置平铺*/
    background-size:100% ;
    width:100%;
    height:600px;
    position:absolute;
    top:1204px;
}

#div3 .contain{
    width:100%;
    height:500px;
    border:0px solid red;
    position:relative;
    margin-top:50px;
    float:left;
}

#div3 .peo{
    height:100%;
    position:relative;
    bottom:20px;
    float:left;
    width:230px;
    height:300px;
    border:0px solid;
    margin-left:80px;
    text-align: center;
}

#div3 .peo:hover img{
    border:3px solid orangered;/*当边框线大小变化时，会发生跳动的效果*/
}

#div3 img{
    border:3px solid #eee;
    border-radius:50%;
    width:130px;
    height:130px;
}

#div3 .introduce{
    color:white;
    font-weight: bold;
}

#div3 .title{
    width:300px;
    font-size:32px;
    color:white;
    position:relative;
    margin:70px auto;

}
